@charset "utf-8";

@import "function.less";

//reset 
html{-webkit-text-size-adjust:none;}
body,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,dl,dd,hr,input,textarea,button{margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,pre{ font: 14px/1.231 "微软雅黑",Verdana,"宋体",sans-serif normal;}
pre{word-wrap: break-word; word-break:break-all; white-space:pre-wrap;}
ul{ list-style:none;}
table { border-collapse:collapse; border-spacing:0;}
body{ background:#fff; height:100%; color: @defaultColor; background:url(../images/bg.jpg);}
a{ display:inline-block; text-decoration:none; color: @defaultColor;}
a:hover{ color:#999;}
img{ display: inline-block; border:0 none; vertical-align:top;}
input,textarea{ outline:none; resize:none;}
section, article, aside, header, footer, nav, dialog, figure {display: block;} /*让老本的浏览器支持语义化标签*/
input[type="button"],button{ cursor:pointer;}

/* 强制换行 */
.break-word{ word-wrap: break-word; word-break:break-all;}
/* 强制不换行 */
.nowarp{ white-space:nowrap;}

//整体区域
.wrap{ height:100%; padding:0 40px 0 0; .over-zoom();}
//头部
.header{ background:#000; height:36px; line-height:35px; color:#fff; margin-bottom:20px;
	ul{
		li{ float:left;
			a{ color:#ccc; padding:0 12px;
				&:hover{ color:#fff; background:#4C4C4C; }
				img{ vertical-align:middle;}
			}
		}
	}
	.ctrl{ float:right;}
	.search{
		float:right; background:#fff; height:22px; line-height:22px; margin:7px 10px 0 0; .box-shadow-normal(); .border-radius(2px); padding:2px 5px; .over-zoom();
		.search-text{ border:none; height:22px; float:left;}
		.search-btn{ background:#fff; border:none; background:url(../images/search.png) no-repeat center 1px; width:20px; height:22px; float:left;}
	}
}
//导航
.nav{ position:fixed; z-index:10; top:200px; right:0; _position:absolute;
	li{ 
		a{ background:url(../images/navigation.jpg) no-repeat; height: 39px; width: 38px;}
		.home{ background-position:0 0;
			&:hover{ background-position:0 -39px;}
		}
		.about{ background-position:-38px 0;
			&:hover{ background-position:-38px -39px;}
		}
		.setting{ background-position:-76px 0;
			&:hover{ background-position:-76px -39px;}
		}
		.folder{ background-position:-114px 0;
			&:hover{ background-position:-114px -39px;}
		}
		.contact{ background-position:-152px 0;
			&:hover{ background-position:-152px -39px;}
		}
	}
}

//底部
.footer{
	background:#fff; .box-shadow-normal(); height:200px; margin-top:60px;
}
.outter-width{ width:105%; .over-zoom();}
//模块
.module{
	padding-bottom:30px;
	h3{ line-height:30px; .over-zoom(); margin-bottom:10px; border-bottom:#666 solid 2px; .nowarp();
		.title{ float:left; font-size:16px;}
		.more{ float:right; font-size:10px;}
	}
	.post{
		float:left; background:#fff; padding:5px; border:@borderColor solid 1px; margin:0 17px 10px 0; .box-shadow-outter(90,90,90,0.6);
	}
	//列表样式
	.list{ line-height:22px;
		li{ .nowarp();}
	}
	
}
//没有顶部表框
.noborder-module{
	border:none; 
}
